<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>Sass:Syntactically Awesome Style Sheets</title>
    <meta content="Syntactically Awesome Style Sheets" name="description">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
   <div class="page">
       <div class="alert stickers">
           <div class="container">
               <p>
                   <strong>Sass stands with trans detainees.</strong>
                   <a href="https://www.tfaforms.com/369889">
                      Donate to the Trans Justice Funding Project. 
                   </a>
               </p>
           </div>
       </div>
       <div class="pop-stripe"></div>
       <header class="banner" role="banner">
           <div class="container">
               <h1 class="site-brand">
                   <a href="http://www.zhuchuli.cn:4000/hexo-theme-huxblog/">
                      <img height="48" src="images/logo-b6e1ef6e.svg" alt="Sass">
                   </a>
               </h1>
               <nav class="navigation collapse" role="navigation">
                    <ul>
                        <li><a href="./install.html">Install</a></li>
                        <li><a href="./guide.html">Learn Sass</a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./documentation.html">Documentation</a></li>
                        <li><a href="./community.html">Get Involved</a></li>
                        <li><a href="./libsass.html">libSass</a></li>
                    </ul>
               </nav>
               <div class="banner-toggle">
                   <button data-target=".navigation" data-toggle="collapse" type="button">
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                       <span class="icon-bar"></span>
                   </button>
               </div> 

           </div>
       </header>
       <div class="page-header">
           <div class="container">
               <h1> Documentation </h1>
           </div>
       </div>
       <div class="documentation">
            <div class="container">
                <nav aria-label="Content navigation" class="sl-l-medium-holy-grail__navigation" role="navigation">
                    <div class="sl-c-list-navigation-wrapper sl-c-list-navigation-wrapper--collapsible"> 
                        <h2>Contents</h2> 
                        <ul>
                            <li><a href="/documentation/syntax" class="section">Syntax</a></li> 
                            <li><a href="/documentation/style-rules" class="section">Style Rules</a></li> 
                            <li><a href="/documentation/variables" class="">Variables</a></li> 
                            <li><a href="/documentation/interpolation" class="">Interpolation</a> </li> 
                            <li><a href="/documentation/at-rules" class="section">At-Rules</a> 
                            <li><a href="/documentation/values" class="section">Values</a> </li>
                            <li><a href="/documentation/operators" class="section">Operators</a></li>
                            <li><a href="/documentation/modules" class="section">Built-In Modules</a> </li>
                            <li><a href="/documentation/breaking-changes" class="section">Breaking Changes</a></li> 
                            <li><a href="/documentation/cli" class="section">Command Line</a></li> 
                            <li><a href="/documentation/js-api" class="">JavaScript API</a> </li> 
                        </ul> 
                    </div> 
                </nav> 
                <div class="sl-l-medium-holy-grail__main"> 
                    <div class="sl-l-large-holy-grail"> 
                        <div class="sl-l-large-holy-grail__body"> 
                            <div class="sl-l-large-holy-grail__main docSearch-content"> 
                                <div class="sl-l-container sl-l-container--small"> 
                                    <div class="sl-c-introduction"> 
                                        <p>Sass is a stylesheet language that’s compiled to CSS. It allows you to use <a href="/documentation/variables">variables</a>, <a href="/documentation/style-rules#nesting">nested rules</a>, <a href="/documentation/at-rules/mixin">mixins</a>, <a href="/documentation/modules">functions</a>, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.</p> </div> <ul> <li><p>If you’re looking for an introduction to Sass, check out <a href="/guide">the tutorial</a>.</p></li> <li><p>If you want to look up a built-in Sass function, look no further than <a href="/documentation/modules">the built-in module reference</a>.</p></li> <li><p>If you’re calling Sass from JavaScript, you may want the <a href="https://github.com/sass/node-sass#usage"><span class="caps">JS</span>&nbsp;<span class="caps">API</span> documentation</a>.</p></li> <li><p>Or the <a href="https://pub.dartlang.org/documentation/sass/latest/sass/sass-library.html">Dart <span class="caps">API</span> documentation</a> if you’re calling it from&nbsp;Dart.</p></li> <li><p>Otherwise, use the table of contents for the language&nbsp;reference!</p></li> </ul> 
                                    </div> 
                                </div> 
                            </div> 
                        </div> 
                    </div> 
                </div>
            </div>
    </div>
       <div class="alert release">
            <div class="container">
                <ul>
                    <li>Current Release：<span class="release-name">Select Steve（3.4.17）</span></li>
                    <li><a href="documentation/file.SASS_CHANGELOG.html">Release Notes</a></li>
                    <li><a href="https://github.com/sass/sass">Fork on Github</a></li>
                </ul>
            </div>
       </div>
   </div>
   <footer class="contentinfo" role="contentinfo">
        <nav class="container">
            <ul>
                <li class="contentinfo-legal">
                    <p>
                        Sass © 2006–2020  
                        <a href="http://www.hamptoncatlin.com/">Hampton Catlin</a>,
                        <a href="http://next-3.cpm">Natalie Weizenbaum</a>,
                        <a href="http://chriseppstein.github.io/">Chris&nbsp;Eppstein</a>,
                        and&nbsp;numerous&nbsp;contributors.
                    </p>
                    <p>
                        It is available for use and modification under the 
                        <a href="http://sass-lang.com/docs/yardoc/file.MIT-LICENSE.html">MIT&nbsp;License</a>.
                    </p>
                </li>
                <li class="contentinfo-tools">
                    <ul>
                        <li><a href="https://github.com/sass/sass">Sass Repo</a></li>
                        <li><a href="https://github.com/sass/sass-site">Website Repo</a></li>
                        <li><a href="/styleguide">Style Guide</a></li>
                        <li><a href="/community-guidelines">Community Guidelines</a></li>
                        <li><a href="https://gitee.com/chu_li_zhu">Gitee</a></li>
                    </ul>
                </li>
                <li class="contentinfo-social">
                    <a class="twitter-follow-button"  data-show-count="false" data-size="large" href="https://twitter.com/SassCSS">Follow @SassCSS</a>
                </li>
            </ul>
        </nav>
   </footer>
</body>
</html>